<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    正常布局流： 按照div写 span 组成整个页面
      display属性： 根据设置的属性可以做成什么布局 可以做成网格 其实修改还是div
    弹性盒子 flex布局
    网格
    浮动 + 定位 这种布局比较老套 相对来说 比较好写
    表格布局：我们一般不使用
    多列布局

    我们在正式开发中，首选框架 如果是手写 弹性盒子 网格布局 多列布局 我们往往在一个项目不仅仅只有一种布局
      一般都是多种布局组合
</body>
</html>